 #{extends 'Application/master.html'/}

 #{set title:'凌云鑫品牌优势' /}
 
<div class="h_bg">
		<div class="head clearfix">
			<div class="logo">
				<div class="bg_a">&nbsp;</div>
				<a href="/index"><img src="@{'public/Assets/images/logo.png'}"
					alt="" /></a>
			</div>
			<div class="head_r">
				<div class="tel">${companyInfo.get('companyTelephone')}&emsp;&emsp;</div>

				<div class="nav clearfix">
					<a href="/index" >网站首页</a> 
					<a href="/product">产品展示</a> 
					<a href="/brand" class="now">品牌优势</a> 
					<a href="/news">新闻动态</a>
					<a href="/about" >关于我们</a> 
					<a href="/about"> &emsp; </a>
				</div>
			</div>
		</div>
	</div>
	
<!--幻灯片-->
<div class="banner banner_s">
	<img src="@{'public/Assets/upload/banner_b.jpg'}" alt="" />
</div>
<!--幻灯片-->
<!--主体盒子-->
<div class="scd_bg">
	<div class="scd clearfix">
		<div class="s_head clearfix">
			<a href="" class="on">品牌优势</a>
			<div class="pst">
				<a href="/index">首页</a> - <a href="">品牌优势</a>
			</div>
		</div>
		<div class="scd_m clearfix">
			<div class="brand" id='brandId'>
				
			#{list intPage.getResult() , as:'peo'}
			
					 <input name='key' value="${peo.id}" class="keyId" hidden="hidden"	>
						<dl class="clearfix"  >
							<dt  class="f_l smoove" data-rotate-y="0deg" data-move-x="-150%">
								<img src="${peo.img}" alt="" />
							</dt>
							
							<dd class="f_r smoove" data-rotate-y="0deg" data-move-x="150%">
								<div class="name">
									<em></em>
									${peo.title}
								</div>
								<div class="des">
								${peo.msg}
								</div>
								 <p class="tip"></p>
							</dd>
						</dl>
			#{/list}
				
				
				
				

			</div>
		</div>
	</div>
</div>



<script>
var system ={
	win : false,
	mac : false,
	xll : false
};
var p = navigator.platform;
system.win = p.indexOf("Win") == 0;
system.mac = p.indexOf("Mac") == 0;
system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
if(system.win||system.mac||system.xll){
	$('.smoove').smoove({offset:'20%'});
}else{
}

$(function(){
	
	var array=$(".keyId");
	for(var i=0;i<array.length;i++){
		var value = $(array[i]).val();
		if(parseInt(value)%2==0){
			$("#brandId dl:eq("+(value-1)+") dt").attr("class","f_r smoove").attr("data-move-x","150%");
			$("#brandId dl:eq("+(value-1)+") dd").attr("class","f_l smoove").attr("data-move-x","-150%");
		}
	}
})

</script>
